<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<sj:head locale="es" jqueryui="true" jquerytheme="cupertino" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Registro....</title>
</head>
<body>
									<table width="90%" border="0" align="center">
									<th  class='tabla_th1' colspan="10">Datos de Cliente</th>
									<tr align="left">
										<td colspan="5" align="center">
											&nbsp;
						         			<s:fielderror name="general" id="general" cssClass='msg_error' theme="simple" ></s:fielderror>
										</td>
									</tr>
									<tr align="left">
										<td>
											Identificaci&oacute;n:<font color="red">*</font>
										</td>
										<td>
											<s:select label="" 
											   name="cliente.tipodoc"
											   id="cli.tipodoc" 
											   headerKey="-1"
											   headerValue="Seleccione"
											   list="#{'V':'V','E':'E','J':'J','G':'G','P':'P'}"
											   onchange="validarTipoCont()"
											   theme="simple"
											/>
											<s:textfield name="cliente.identificacion" id="cli.identificacion" onchange="confirmar(this.id)" onkeypress="return soloNumeros(event);" theme="simple" ></s:textfield>
										</td>
										<td>
											<s:set name="n_validar1"><s:property value="errores.err1" /></s:set>
									        <s:if test="%{#n_validar1!='null'}" >
						             			<p class='msg_error' ><s:property value="errores.err1" /><p>
						         			</s:if>
						         			
						         			<s:set name="n_validar2"><s:property value="errores.err2" /></s:set>
									        <s:if test="%{#n_validar2!='null'}" >
						             			<p class='msg_error' ><s:property value="errores.err2" /><p>
						         			</s:if>		
										</td>
										<td>
											&nbsp;
										</td>
										<td>
											&nbsp;
										</td>
									</tr>
									<tr  align="left">
										<td>
											<div id="nom">Nombres:<font color="red"></font></div>
										</td>
										<td>
											<s:set name="n_validar3"><s:property value="errores.err3" /></s:set>
									        <s:if test="%{#n_validar3!='null'}" >
						             			<p class='msg_error' ><s:property value="errores.err3" /><p>
						         			</s:if>	
											<s:textfield name="cliente.nombres" maxlength="25" size="25" theme="simple"></s:textfield>
										</td>
										<td>
											<div id="ape">Apellidos:<font color="red"></font></div>
										</td>
										<td>
											<s:textfield name="cliente.apellidos" id="cli.apellidos" maxlength="25" size="25" theme="simple"></s:textfield>
										</td>
										<td>
											&nbsp;
										</td>
									</tr>
									<tr>
										<td>
											Sexo
										</td>
										<td>
											<s:select label="Sexo" 
														    name="cliente.sexo" 
														    id="cli.sexo" 
														    headerKey="-1"
														    headerValue="Seleccione"
														    list="#{'M':'Masculino','F':'Femenino'}"
														    theme="simple"
												    	  	/>
										</td>
										<td>
											Fecha Nacimiento
										</td>
										<td>
											<sj:datepicker maxlength="15" id="date1" name="cliente.fnacimiento" label="F. Nacimiento"  displayFormat="dd/mm/yy"  yearRange="1900:2000" changeYear="true"   />
										</td>
									</tr>
									<tr>
										<td>
											&nbsp;
										</td>
									</tr>
									<tr class='tabla_th1' align="center">
										<td colspan="10">
											<strong>Datos de Contacto</strong>
										</td>
									</tr>
									<tr>
										<td>
											&nbsp;
										</td>
									</tr>
									<tr>
										<td colspan="10">
											<table border="0" width="100%" cellpadding="0" cellspacing="0">
													<tr align="left">
														<td>
															Telefono Principal<font color="red">*</font>
														</td>
														<td>
															Telefono Secundario
														</td>
														<td>
															Celular
														</td>
													</tr>
													<tr>
														<td>
															<s:textfield name="cliente.telefono_oficina" id="cli.telefono_principal" maxlength="11" size="11" onkeypress="return soloNumeros(event);" onchange="confirmar(this.id)" theme="simple" >
															<s:set name="n_validar4"><s:property value="errores.err4" /></s:set>
													        <s:if test="%{#n_validar4!='null'}" >
										             			<p class='msg_error' ><s:property value="errores.err4" /><p>
										         			</s:if>
										         			</s:textfield>
														</td>
														
														<td>
															<s:textfield name="cliente.telefono" maxlength="11" size="11" onkeypress="return soloNumeros(event);" theme="simple" ></s:textfield>
														</td>
														<td>
															<s:textfield name="cliente.celular" id="cli.celular" maxlength="11" size="11" onchange="confirmar(this.id)" onkeypress="return soloNumeros(event);" theme="simple" ></s:textfield>
														</td>
													</tr>
													<tr>
														<td>
															Fax
														</td>
														<td>
															Email<font color="red">*</font>
														</td>
														<td>
															Web
														</td>
													</tr>
														
													<tr>
														<td>
															<s:textfield name='cliente.fax' maxlength="11" size="15" onkeypress="return soloNumeros(event);" theme="simple" onkeypress="return soloNumeros(event);" ></s:textfield>
														</td>
														<td>
															<s:textfield name='cliente.email' id="cli.email" maxlength="30" size="25" onchange="confirmar(this.id)" theme="simple">
															<s:set name="n_validar5"><s:property value="errores.err5" /></s:set>
													        <s:if test="%{#n_validar5!='null'}" >
										             			<p class='msg_error' ><s:property value="errores.err5" /><p>
										         			</s:if>	
										         			</s:textfield>
														</td>
														<td>
															<s:textfield name='cliente.paginaweb' maxlength="25" size="25" theme="simple"></s:textfield>
														</td>
													</tr>
													<tr>
														<td>
															&nbsp;
														</td>
													</tr>
													<tr class='tabla_th1' align="center">
														<td colspan="10">
															<strong>Datos de Direcci&oacute;n</strong>
														</td>
													</tr>
													<tr>
														<td>
															&nbsp;
														</td>
													</tr>
													<tr>
														<td>
															Estados
														</td>
														<td>
															Municipios<font color="red">*</font>
														</td>
														<td>
															Ciudad<font color="red">*</font>
														</td>
													</tr>
													<tr>
														<td>
															<s:url id="remoteurl" action="cargar_esta_cli.action" /> 
												               <sj:select href="%{remoteurl}" 
													               name="esta.cod" 
													               id="lx1" 
													               headerKey="-1" 
													               headerValue="Seleccione" 
													               list="estados" 
													               onChangeTopics="reloadsecondlist" 
													               indicator="progreso_"
													               theme="simple"
													           />
														</td>
														<td>
															<s:set name="n_validar6"><s:property value="errores.err6" /></s:set>
													        <s:if test="%{#n_validar6!='null'}" >
										             			<p class='msg_error' ><s:property value="errores.err6" /><p>
										         			</s:if>	

														   <s:url id="remoteurl2" action="cargar_mun_cli.action" /> 
										          		   <sj:select href="%{remoteurl2}"  
										          		   name="cliente.municipio.cod" 
										          		   id="lx2"   
										          		   headerKey="-1"  
										          		   headerValue="Seleccione" 
										          		   list="municipios" 
										          		   formIds="form_ingreso_contrato" 
										          		   reloadTopics="reloadsecondlist" 
										          		   theme="simple"
										          		   /> 
														</td>
														<td>
															<div><img id="progreso_" src="images/ajax-loader4.gif" alt="Guardando..." style="display:none"/></div>
															<s:textfield id="cli.ciudad" name="cliente.ciudad" maxlength="25" size="25" theme="simple" >
															<s:set name="n_validar7"><s:property value="errores.err7" /></s:set>
													        <s:if test="%{#n_validar7!='null'}" >
										             			<p class='msg_error' ><s:property value="errores.err7" /><p>
										         			</s:if>	
															</s:textfield>
														</td>
													</tr>
											</table>
										</td>
									</tr>
									<tr>
										<td>
											Zona<font color="red">*</font>
										</td>
										<td>
											Avenida/Calle<font color="red">*</font>
										</td>
									</tr>
									<tr>
										<td>
											<s:textfield id="cli.zona" name="cliente.zona" maxlength="25" size="25" theme="simple" >
											<s:set name="n_validar8"><s:property value="errores.err8" /></s:set>
													        <s:if test="%{#n_validar8!='null'}" >
										             			<p class='msg_error' ><s:property value="errores.err8" /><p>
										         			</s:if>	
											</s:textfield>
										</td>
										<td colspan="3">
											<s:textfield id="cli.avcalle" name="cliente.avcalle" size="60" maxlength="30" theme="simple">
											<s:set name="n_validar9"><s:property value="errores.err9" /></s:set>
											<s:if test="%{#n_validar9!='null'}" >
										    <p class='msg_error' ><s:property value="errores.err9" /><p>
										    </s:if>	
											</s:textfield>
										</td>
									</tr>
									<tr>
										<td colspan="10">
											<table width="100%">
												<tr>
													<td>
														Tipo Inmueble<font color="red">*</font>
													</td>
													<td>
														Nombre Inmueble
													</td>
													<td>
														Piso
													</td>
													<td>
														Numero<font color="red">*</font>
													</td>
												</tr>
												<tr>
													<td>
														<s:set name="n_validar10"><s:property value="errores.err10" /></s:set>
														<s:if test="%{#n_validar10!='null'}" >
													    <p class='msg_error' ><s:property value="errores.err10" /><p>
													    </s:if>	
														<s:select label="Inmueble:" 
															id="cli.tipoinmueble"
														    name="cliente.tipoinmueble" 
														    headerKey="-1"
														    headerValue="Seleccione"
														    list="#{'Anexo':'Anexo',
														    'Casa':'Casa',
														    'Edificio':'Edificio',
														    'Quinta':'Quinta',
														    'Conjunto':'Conjunto',
														    'Oficina':'Oficina'}"
														    theme="simple"
						    	  						 />
													</td>
													<td>
														<s:textfield id="cli.des_inmueble" name="cliente.des_inmueble" maxlength="25" size="25" theme="simple" ></s:textfield>
													</td>
													<td>
														<s:textfield id="cli.piso_inmueble" name="cliente.piso_inmueble" maxlength="10" size="15" theme="simple" ></s:textfield>
													</td>
													<td>
														<s:set name="n_validar11"><s:property value="errores.err11" /></s:set>
														<s:if test="%{#n_validar11!='null'}" >
										   				<p class='msg_error' ><s:property value="errores.err11" /><p>
										    			</s:if>	
														<s:textfield id="cli.nro_inmueble" name="cliente.nro_inmueble"  maxlength="10" size="15" theme="simple" ></s:textfield>
													</td>
												</tr>
											</table>
										</td>
									</tr>
									<tr>
										<td>
											&nbsp;
										</td>
									</tr>
									<tr class='tabla_th1'>
										<td colspan="10">
											<strong>Representante/Contacto</strong>
										</td>
									</tr>
									<table width="90%" align="center">
									<tr align="center">
												<th width="10%">
													<strong>Tipo</strong>
												</th>
												<!-- <th>
													&nbsp;
												</th>-->
												<th>
													<strong>Identificacion</strong>
												</th>
												<th>
													<strong>Nombres</strong>
												</th>
												<th>
													<strong>Apellidos</strong>
												</th>
												<th>
													<strong>Telefono</strong>
												</th>
												<th>
													<strong>Celular</strong>
												</th>
												<th>
													<strong>Email</strong>
												</th>
												<th>
													<strong>Fecha Nacimiento</strong>
												</th>
											</tr>
											<tr align="left">
												<td>
													<s:select label="" 
													   name="cliente.referencia.tipo" 
													   id="ref_tipo1"
													   headerKey="Representante"
													   headerValue="Representante"
													   list="#{'Referencia':'Referencia'}"
													   theme="simple"
													/>
												</td>
												<!-- <td>
													<s:select label="" 
													   name="cliente.referencia.tipo_doc"
													   id="ref_tipo_doc1" 
													   headerKey="-1"
													   headerValue="Seleccione"
													   list="#{'V':'V','E':'E','J':'J','G':'G','P':'P'}"
													   theme="simple"
													/>
												</td> -->
												<td>
													<s:select label="" 
													   name="cliente.referencia.tipo_doc"
													   id="ref_tipo_doc1" 
													   headerKey="-1"
													   headerValue="--"
													   list="#{'V':'V','E':'E','J':'J','G':'G','P':'P'}"
													   theme="simple"
													/>
													<s:textfield id="ref_iden1" name="cliente.referencia.identificacion" onkeypress="return soloNumeros(event);" size="10" onchange="confirmar(this.id)" theme="simple" />
												</td>
												<td>
													<s:textfield id="ref_nom1" name="cliente.referencia.nombre" size="12" theme="simple" />
												</td>
												<td>
													<s:textfield id="ref_ape1" name="cliente.referencia.apellido" size="12" theme="simple" />
												</td>
												<td>
													<s:textfield id="ref_tele1" name="cliente.referencia.telefono" size="10" onkeypress="return soloNumeros(event);" theme="simple" />
												</td>
												<td>
													<s:textfield id="ref_cel1" name="cliente.referencia.celular" size="10" onkeypress="return soloNumeros(event);" theme="simple" />
												</td>
												<td>
													<s:textfield id="ref_email1" name="cliente.referencia.email" size="25" theme="simple" />
												</td>
												<td>
													<sj:datepicker maxlength="15" id="date2" name="cliente.referencia.fnacimiento_1" label="F. Nacimiento"  displayFormat="dd/mm/yy"  yearRange="1900:2000" changeYear="true" size="9"   />
												</td>
											</tr>
											<tr align="left">
												<td>
													<s:select label="" 
													   name="cliente.referencia.tipo" 
													   id="ref_tipo2"
													   headerKey="Referencia"
													   headerValue="Referencia"
													   list="#{'Representante':'Representante'}"
													   theme="simple"
													/>
												</td>
												<!-- <td>
													<s:select label="" 
													   name="cliente.referencia.tipo_doc" 
													   id="ref_tipo_doc2"
													   headerKey="-1"
													   headerValue="Seleccione"
													   list="#{'V':'V','E':'E','J':'J','G':'G','P':'P'}"
													   theme="simple"
													/>
												</td>-->
												<td>
													<s:select label="" 
													   name="cliente.referencia.tipo_doc" 
													   id="ref_tipo_doc2"
													   headerKey="-1"
													   headerValue="--"
													   list="#{'V':'V','E':'E','J':'J','G':'G','P':'P'}"
													   theme="simple"
													/>
													<s:textfield id="ref_iden2" name="cliente.referencia.identificacion" onkeypress="return soloNumeros(event);" size="10" onchange="confirmar(this.id)" theme="simple" />
												</td>
												<td>
													<s:textfield id="ref_nom2" name="cliente.referencia.nombre" size="12" theme="simple" />
												</td>
												<td>
													<s:textfield id="ref_ape2" name="cliente.referencia.apellido" size="12" theme="simple" />
												</td>
												<td>
													<s:textfield id="ref_tele2" name="cliente.referencia.telefono" size="10" onkeypress="return soloNumeros(event);" theme="simple"/>
												</td>
												<td>
													<s:textfield id="ref_cel2" name="cliente.referencia.celular" size="10" onkeypress="return soloNumeros(event);" theme="simple"/>
												</td>
												<td>
													<s:textfield id="ref_email2" name="cliente.referencia.email" size="25" theme="simple"/>
												</td>
												<td>
													<sj:datepicker maxlength="15" id="date3" name="cliente.referencia.fnacimiento_2" label="F. Nacimiento"  displayFormat="dd/mm/yy"  yearRange="1900:2000" changeYear="true" size="9" />
												</td>
											</tr>
											<tr align="center">
												<td colspan="5">
													&nbsp;
												</td>
												<td>
													&nbsp;

											</tr>
											</table>		
								</table>
</body>
</html>